<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		*{
			padding: 0;
			margin: 0;
			box-sizing: border-box;
		}
		a{
			text-decoration: none;
			color: #fff;
		}
		body{
			background: url(login.jpg) no-repeat;
			background-size: 100%;
		}
		.content{
			width: 1000px;
			height: 400px;
			margin: 150px auto;
			/*border:1px solid #00ff;
			border-radius: 20px;*/
			padding: 20px;
			font-family: "楷体";
		}
		h2{
			padding: 20px 0;
			text-align: center;
			font-size: 30px;
			color: #fff;
			line-height: 20px;
		}
		p{
			width: 100%;
			height: 80px;
			margin-top: 20px;
			text-align: center;
			font-size: 25px;
			color: #fff;
			line-height: 50px;
			text-indent: 60px;
		}
		p input{
			width: 700px;
			height: 50px;
			float: right;
			margin-right: 60px;
			background-color: rgba(55, 48, 48, 0.7);
			outline: none;
			border-radius: 7px;
			color: #fff;
		}
		.content .sign{
			width: 150px;
			height: 40px;
			text-align: center;
			line-height: 40px;
			border-radius: 10px;
			background-color: #aaa;
			text-indent: 0;
			margin: 20px auto;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<div class="content">
		<h2>W&nbsp;&nbsp;E&nbsp;&nbsp;L&nbsp;&nbsp;C&nbsp;&nbsp;O&nbsp;&nbsp;M&nbsp;&nbsp;E</h2>
		<p>
			<label for="username">用户名:</label>
			<input type="text" id="username">
		</p>
		<p>
			<label for="password">密码:</label>
			<input type="password" id="password">
		</p>
		<a href=""><p class="sign">提交</p></a>
	</div>


	<script src="jquery.min.js"></script>
	<script>
		$(".sign").click(function(){
			username = $("#username").val();
			password = $("#password").val();
			$.ajax({
				url:`http://10.35.164.241:81/register?username=${username}&password=${password}`,
				success:function(){
					alert("提交成功");
				}
			})
			username = "";
			password = "";
		})
	</script>
</body>
</html>